button::after {
	border: none;
}
button {
	border-radius: 0;
	padding: 0;
	background: none;
}
.page-index{
	padding:0 32rpx;
	.userBox{
		margin: 0 -32rpx;
		background: #438BF1;
		height: 500rpx;
		display: flex;
		align-items: center;
		padding:0 32rpx;
		.userInfo{
			display: flex;
		}
	}
	.buttonBox{
		margin-top: -64rpx;
		font-size: 32rpx;
		
		.buttonItem{
			display: flex;
			align-items: center;
			text-align: left;
			background: rgba(255,255,255,0.8);
			// box-shadow: 0 16rpx 0rpx 0 #f5f5f5;
			padding:16rpx 32rpx;
			border-radius: 16rpx;
			margin-bottom: 24rpx;
			font-weight: 700;
			font-size: 36rpx;
			.buttonImage{
					width: 48rpx;
					height: 48rpx;
			}
		}
	}
	.topBox {
		margin: 0 -24rpx;
		// height: 564rpx;
		background: linear-gradient(180deg, #d1e6fc 0%, rgba(245, 246, 252, 0) 100%);
		.titleBox {
			display: flex;
			align-items: center;
			padding-left: 38rpx;
			.title1 {
				color: #000;
				font-size: 36rpx;
				font-style: normal;
				font-weight: 700;
				line-height: normal;
			}
		}
		.userInfo {
			display: flex;
			align-items: center;
			padding: 40rpx;
			.avatar {
				width: 140rpx;
				height: 140rpx;
				border-radius: 50%;
			}
			.login {
				margin-left: 24rpx;
				color: #828ba0;
				font-family: 'PingFang SC';
				font-size: 40rpx;
				font-style: normal;
				font-weight: 600;
				line-height: normal;
			}
			.infos {
				// display: flex;
				// flex-direction: column;
				// justify-content: space-between;
				margin-left: 24rpx;
				// height: 100rpx;
				.nickname {
					color: #828ba0;
					font-family: 'PingFang SC';
					font-size: 40rpx;
					font-style: normal;
					font-weight: 600;
					line-height: normal;
				}
				.userStatus {
					padding: 4rpx 10rpx;
					background: #ffefe5;
					border-radius: 7rpx;
					color: #f60;
					font-family: 'PingFang SC';
					font-size: 24rpx;
					font-weight: 500;
					flex-shrink: 0;
					// width: 100rpx;
					text-align: center;
				}
			}
		}
	}
	
	.cardBox {
		border-radius: 12rpx;
		background: #fff;
		padding: 24rpx;
		.cardTitle {
			padding: 24rpx;
			border-radius: 12rpx;
			background: linear-gradient(90deg, #ffebdc 0%, #fff 100%);
			display: flex;
			align-items: center;
			justify-content: space-between;
			.titleLeft {
				display: flex;
				align-items: flex-start;
				.titles {
					margin-left: 16rpx;
					.title1 {
						color: #1a253d;
						font-family: 'PingFang SC';
						font-size: 30rpx;
						font-style: normal;
						font-weight: 700;
						line-height: normal;
					}
					.title2 {
						color: #999;
						font-family: 'PingFang SC';
						font-size: 24rpx;
						font-style: normal;
						font-weight: 400;
						line-height: normal;
					}
				}
			}
			.titleRight {
				padding: 8rpx 40rpx;
				border-radius: 42rpx;
				border: 1px solid #fff;
				background: linear-gradient(270deg, #ff6700 0%, #fe8a01 100%);
				color: #fff;
				font-family: 'PingFang SC';
				font-size: 24rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}
		.cardList {
			.cardItem {
				display: flex;
				justify-content: space-between;
				align-items: center;
				.itemLeft {
					display: flex;
					align-items: center;
					padding: 30rpx 0;
					color: #333;
					font-family: 'PingFang SC';
					font-size: 28rpx;
					font-style: normal;
					font-weight: 400;
					line-height: normal;
					.itemName {
						margin-left: 16rpx;
					}
				}
			}
		}
	}
}
